<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="description" content="">
<meta http-equiv="x-dns-prefetch-control" content="on">
<title>导航</title>
<link href="img/css/css.css" rel="stylesheet" type="text/css">
</head>

<body class="whitebg">
<!--wrap start-->
<section id="wrap">
    <section class="navi_titlebar">
           <ul class="listitem_navi lh4">
                <li class="itemico mtb"><i class="iconfont white">&#xe606;</i></li>
                <li class="itemcon mtb">上海市黄浦区南京西路555号</li>
           </ul>
    </section>
    <a href="navi_map_detail.html"><div class="dropbtn"><i class="iconfont">&#xe60e;</i></div></a>
    <section class="navibottompopup">
           <section class="titlebar">
                    <div class="mt10 mb10 left">参与人数：7人</div>
                    <button class="button right mt10 mb10 closebtn" onClick="this.className='button_d right mt10 mb10 closebtn'" onmouseout="this.className='button right mt10 mb10 closebtn'"><i class="iconfont">&#xe602;</i></button>
           </section>
           <section class="popuplist">
                    <div class="listfouce">
                        <a href="javascript:void(0);">
                        <img src="img/user_pic.png" width="100%" height="100%" class="tripuser"/>
                        <ul class="listitem h120 bottomline">
                            <li class="triptitle mt10">永远的永远</li>
                            <li class="tripinfo">
                                <p class="peoplenumber">在线</p>
                            </li>
                        </ul>
                        </a>
                    </div>
                    <div class="whitebg">
                        <a href="javascript:void(0);">
                        <img src="img/user_pic.png" width="100%" height="100%" class="tripuser"/>
                        <ul class="listitem h120 bottomline">
                            <li class="triptitle mt10">永远的永远</li>
                            <li class="tripinfo">
                                <p class="peoplenumber">在线</p>
                            </li>
                        </ul>
                        </a>
                    </div>
                    <div class="whitebg">
                        <a href="javascript:void(0);">
                        <img src="img/user_pic.png" width="100%" height="100%" class="tripuser button_g"/>
                        <ul class="listitem h120 bottomline">
                            <li class="triptitle mt10">永远的永远</li>
                            <li class="tripinfo">
                                <p class="peoplenumber">离线</p>
                            </li>
                        </ul>
                        </a>
                    </div>
                    <div class="whitebg">
                        <a href="javascript:void(0);">
                        <img src="img/user_pic.png" width="100%" height="100%" class="tripuser button_g"/>
                        <ul class="listitem h120 bottomline">
                            <li class="triptitle mt10">永远的永远</li>
                            <li class="tripinfo">
                                <p class="peoplenumber">离线</p>
                            </li>
                        </ul>
                        </a>
                    </div>
           </section>
    </section>   
</section>
<!--wrap end-->
<script src="js/jquery-1.10.1.min.js"></script>
<script src="js/common.js"></script>
<script src="js/input.js"></script>
</body>
</html>